<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>我道</title>
    <meta name="description" content="我叫1900，普通男青年，学过三年编程。湖南人，现在在四川工作。2015年花了26天骑过一次318。有点伪文艺，喜欢比较玄学的东西。性格多变，疑似有人格分裂。" />

    <meta name="HandheldFriendly" content="True" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="shortcut icon" href="favicon.ico">

    <link rel="stylesheet" type="text/css" href="/css/screen.css" />
    <link rel="stylesheet" href="/css/iDisqus.min.css">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/monokai-sublime.css">


</head>
<body class="home-template" id="s-top">

    <div class="nav">
<div class="nav_body">
  <div class="b_logo"> 
      <a class="blog-logo" href="/"><img src="/img/logo-mini.png" alt="我道" /></a>
  </div>
  <div class="b_class"> 
    <ul>
    	/ || 首页

        <li class="nav-"><a class="" href="/rss">订阅</a></li>

    </ul>
  </div>
</div>
</div>
    <div class="post-bg" style="background-image: url(http://cdn.4zen.top/image/0/f3/1b788052c48652e2549011f0bbbcf.jpg);"></div>
<div class="site-wrapper" page-type="c-post">
<main class="content" role="main">
	<div class="post-toppic" style="">
        <div class="picbox">
          <img node-type="articleHeaderPic" src="http://cdn.4zen.top/image/0/f3/1b788052c48652e2549011f0bbbcf.jpg">
        </div>
     </div>
    <article class="post">

        <header class="post-header">
            <h1 class="post-title">手痒写代码</h1>
            <section class="post-meta">
                <time class="post-date" datetime="Sun Apr 16 2017 01:10:43 GMT+0800">2017/4/16</time> [object Object]
            </section>
        </header>

        <section class="post-content">
            <h3 id="手痒和正好"><a href="#手痒和正好" class="headerlink" title="手痒和正好"></a>手痒和正好</h3><p>自打从学校毕业后在番禺上了三个月班后我就再也没正式的写过什么代码了，写也是博客这种零零碎碎的改动。我只感觉我身体里那颗躁动不安的心痒的难受…。</p>
<p>正好，这几天老姐一直和我抱怨公司最近上的一部分品种因为存在厂家促销活动，需要员工每天晚上发销售小票照片，然后她去审核照片并发放相应金额的红包，说每天搞这个东西搞的很烦。我想了想，难到我就不能写个小程序吗？直接让员工自己把促销品种选好后拍好照片上传上来，而我姐就可以直接审阅员工上传的数据是否和规矩，并且系统可以自动算出总金额。</p>
<h3 id="说写就立马写上了"><a href="#说写就立马写上了" class="headerlink" title="说写就立马写上了"></a>说写就立马写上了</h3><p>心里有了想法当天就立马开始行动了，因为考虑到都是所有的操作都是手机上操作的，所以打算以webapp的这种形式来做，员工使用起来也方便，毕竟现在几乎每个人都有只能手机了。总结了一下：</p>
<ol>
<li>找一个前台的webapp框架，选用的是微信的<a href="https://github.com/weui/weui" target="_blank" rel="external">weui</a>组件</li>
<li>后台用的php，本来打算用node.js，但是后来发现以前完全没接触过，看起来有点懵。最后还是选择了毕业后接触最多的php来作为服务器语言。但是使用什么框架也让我有点懵，后来想起<a href="http://note-star.cn/" target="_blank" rel="external">笔记星球</a>的博主自己写了个<a href="http://storeweb.cn/" target="_blank" rel="external">个站商店</a>的程序，遂向他咨询了一下，最后选定：<a href="https://github.com/bcit-ci/CodeIgniter/" target="_blank" rel="external">codeigniter框架</a>来实现。</li>
</ol>
<p>当天就立马开始写起来了代码，跌跌撞撞，边研究边看手册，花了大概一天时间做了一个页面，如下图。</p>
<p>成功的实现了从数据库读取数据并且利用了CI的模版语言做了输出，并且利用weui.js的api实现了图片上传的功能。<br><img src="http://cdn.4zen.top/image/f/83/4ea0664f4a3a0390b17823b6b92f5.png" alt=""></p>
<h3 id="有点问题…"><a href="#有点问题…" class="headerlink" title="有点问题…"></a>有点问题…</h3><p>但是做到这里我就发现我有点懵了，我发现我不知道怎么做下去了…改了两三天页面，发现自己都在做无用功。我忽然猛地想起我漏掉了一个很重要的步骤：需求分析，想起来真是有点惭愧，对不起老师…，没有字段、没有需求、写起代码来真是无头苍蝇。</p>
<h3 id="改变"><a href="#改变" class="headerlink" title="改变"></a>改变</h3><p>所以，我整理了下思路，打算按以下步骤从新开始这个项目：</p>
<ol>
<li>需求分析：软件需要的功能等..</li>
<li>程序原型设计：界面逻辑、数据库字段等。</li>
<li>代码实现：码代码。</li>
</ol>
<p>感觉有了思路脑袋一下子就清晰了不少，似乎也找回了以前不吃不喝做毕业项目时的激情了…</p>

        </section>

        <footer class="post-footer">

            <figure class="author-image">
                <a class="img" href="" style="background-image: url(/img/avatar.png)"><span class="hidden">的头像</span></a>
            </figure>


            <section class="author">
                <h4><a href=""></a></h4>

                    <p>我叫1900，普通男青年，学过三年编程。湖南人，现在在四川工作。2015年花了26天骑过一次318。有点伪文艺，喜欢比较玄学的东西。性格多变，疑似有人格分裂。</p>

                    <p>继续阅读此作者的<a href="http://www.4zen.top">更多文章</a>。</p>

                <div class="author-meta">
                    <span class="author-location icon-location">自贡</span>
                    <span class="author-link icon-link"><a href="http://www.4zen.top">http://www.4zen.top</a></span> 
                </div>
            </section>


            <section class="share">
                <h4>分享此博文</h4>
                <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

            </section>

        </footer>
	<div id="comment"></div>
    </article>

</main>
    <aside class="read-next">
        
        <a class="read-next-story" style="background-image: url(http://cdn.4zen.top/image/e/1a/43d3317cdc1bc52df6152dd336718.jpg)" href="/w-t-f/">
            <section class="post">
                <h2>WTF！！！黑人问号脸？？</h2>
                <p>最近琢磨着换下网站名字和域名。之前注册的4zen.top意思是4：为、for。zen：禅，top：顶点。当时想表达的意思是追求禅的顶点。。后来发现有些太玄乎，而且和我的博客内容有点格格不入。
我的博客&hellip;</p>
            </section>

        </a>
        
        
        <a class="read-next-story prev " style="background-image: url(http://cdn.4zen.top/image/c/40/c78cb5d808649e80d3e10100fccea.jpg" href="/qi-yong-xin-zhu-ti-cdc4g/">
            <section class="post">
                <h2>启用新主题：CDC4G!</h2>
                <p>三天打鱼，两天晒网又到了晒网的时候了，不过倒也不是不来写博客，只是最近真的有点忙。3月份有个门店要搬迁，又重新策划了开业活动，另外搬迁之前又是盘点又是做其他活动的，这些日子基本上都扑在店里了，清明节都&hellip;</p>
            </section>
        </a>
        
    </aside>

    </div>

    <div class="sidebar">  
        <a href="#s-top" class="s-top" to="#s-top"><i class="fa fa-chevron-up" action-type="goTop"></i></a>
    </div>

    <footer class="site-footer clearfix">
        <section class="copyright"><a href="">我道</a> &copy; </section>
        <section class="poweredby">Proudly published with <a href="https://ghost.org">Ghost</a> &amp; <a href="http://www.ghostchina.com">GhostChina</a></section>
    </footer>

    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="/js/plugin.js"></script>
    <script src="/js/index.js"></script>

</body>
</html>
